 <link rel="stylesheet" href="js/slider/default/default.css" type="text/css" media="screen" />
 <link rel="stylesheet" href="js/slider/nivo-slider.css" type="text/css" media="screen" />
 <link rel="stylesheet" href="js/slider/style.css" type="text/css" media="screen" /> 
 <style >
 #wrapper {
    width:470px;
	margin : 0 200px auto;
 }
 </style>
<div id="wrapper">
<div class="slider-wrapper theme-default">

<div id="slider" class="nivoSlider">
   <!--img src="js/slider/images/nemo.jpg" alt="" title="#htmlcaption" /-->
   <img src="js/slider/images/opensource-1.jpg" alt="" />
   <img src="js/slider/images/opensource-2.jpg" alt="" />
   <img src="js/slider/images/opensource-3.jpg" alt="" />   
</div>
            <div id="htmlcaption" class="nivo-html-caption"></div>
</div>
</div>
    <script type="text/javascript" src="js/slider/jquery.nivo.slider.pack.js"></script>
    <script type="text/javascript">
    $(window).load(function()
     {
        $('#slider').nivoSlider();
    });
    </script>
    